<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport" content="initial-scale=1.0,maximum-scale=1,minimum-scale=1.0,user-scalable=no,width=device-width">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.min.css">
    <link rel="stylesheet" href="./css/index-m.css">
</head>

<body>
    <!--<div class="logo-wrapper">-->
    <!--<img class="logo" src="./images/b3.jpg" alt="">-->
    <!--</div>-->

    <div class="banner-wrapper">
        <div class="swiper-pagination"></div>
        <div class="swiper-wrapper">
            <div class="swiper-slide" style="background-image: url(./images/b1.jpg)"></div>
            <div class="swiper-slide" style="background-image: url(./images/b2.jpg)"></div>
            <div class="swiper-slide" style="background-image: url(./images/b3.jpg)"></div>
        </div>
        <div class="info">
            <span>批次号：11</span>
            <span>批次时间：2018/10/10</span>
        </div>
    </div>
    <p class="company-name">天天农业科技发展有限公司出品</p>
    <ul class="box-wrapper">
        <li class="box">
            <img src="./images/entry/key.png" alt="">
            <p>生长关键期</p>
        </li>
        <li class="box">
            <img src="./images/entry/source.png" alt="">
            <p>生产过程追溯</p>
        </li>

        <li class="box">
            <img src="./images/entry/env.png" alt="">
            <p>实时环境监测</p>
        </li>

        <li class="box">
                <img src="./images/entry/watch.png" alt="">
                <p>实时视频</p>
        </li>

        <li class="box">
                <img src="./images/entry/fw.png" alt="">
                <p>防伪验真</p>
        </li>

        <li class="box">
                <img src="./images/entry/desc.png" alt="">
                <p>产品简介</p>
        </li>
    </ul>
    <!-- <div class="link-wrapper">

    <div class="link"><span class="icon"></span> <p>仿真3D种植环境</p></div>
    <div class="link"><span class="icon mall"></span> <p>进入商城</p></div> -->
    <div class="links">
            <div class="link2"><span class="icon"></span><span>仿真3D种植环境</span></div>
            <div class="link2"><span class="icon mall"></span><span>进入商城</span></div>
    </div>
</div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.min.js"></script>
    <script src="./js/scrollreveal.js"></script>
    <script src="js/df.js"></script>
    <script>
        +function () {
            document.body.addEventListener('touchstart', function () { });
            new Swiper('.banner-wrapper', {
                loop: true,
                // 如果需要分页器
                pagination: {
                    el: '.swiper-pagination',
                },
            });
            window.sr = ScrollReveal();
            sr.reveal('.banner-wrapper',{ duration: 1000 }, 50);
            sr.reveal('.company-name',{ duration: 1000 }, 50);
            sr.reveal('.box',{ duration: 1500 }, 100);
            sr.reveal('.link2',{ duration: 1000 }, 50);
        }()
    </script>
</body>

</html>